<template>
    <scroll-view style="height: 100%;" :scroll-into-view="intoIndex" scroll-y="true" scroll-with-animation @scroll="scroll">
        <view class="network">
            <textarea :maxlength="-1"  v-model="form['系统运行情况']" class="my-textarea safe-input" placeholder="系统运行情况"></textarea>
            <view :id="'slot' + index" v-for="(key, index) in formKeys" :key="index">

                <view class="item-title" v-if="key!='系统运行情况'">
                    <view class="title">
                        <view class="txt">
                            {{ key }}
                        </view>
                        <view class="bg"></view>
                    </view>
                    <ImgUpload :title="key"  :uploadParams="{...uploadParams,type_name:key}" :fileList="form[key].fileList"
                        @change="(val) => fileChange(val, key)">
                    </ImgUpload>
                </view>

                <!-- <view class="child" v-for="(ckey, cindex) in getFilds(form[key])" :key="cindex">
                    <view class="child-title">
                        <view class="title">{{ ckey }}</view>
                        <view class="canUse">
                            <view class="btn" @tap="canUseChange('无', key, ckey)"
                                :class="{ active: form[key][ckey]['有无此系统'] === '无' }">无
                            </view>
                            <view class="btn" @tap="canUseChange('正常', key, ckey)"
                                :class="{ active: form[key][ckey]['有无此系统'] === '正常' }">正常
                            </view>
                        </view>
                    </view>
                    <view class="dec">
                        {{ form[key][ckey]['要求'] }}
                    </view>
                    <textarea :maxlength="-1"  :disabled="form[key][ckey]['有无此系统'] == '无'" v-model="form[key][ckey]['结果']" class="my-textarea"
                        placeholder="结果"></textarea>
                </view> -->

            </view>

        </view>
    </scroll-view>
</template>

<script>
export default {
    props: {
        intoIndex: {
            type: String,
            default: ''
        },
        list: {
            type: Array,
            default: []
        },
        defaultValue: {
            type: Object,
            default: null
        },
        uploadParams: {
            type: Object,
            default: {}
        }
    },
    // 局部注册的组件
    components: {},
    computed: {
        formKeys() {

            return Object.keys(this.form)
        },
    },
    data() {
        return {
            fileList: [],
            form: {
                '系统运行情况': '',
                '视频监控系统': {
                    fileList: [],
                    "显示器": {
                        '要求': '清晰、无偏色、无闪烁',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '硬盘录像机': {
                        '要求': '各参数设置正确，录像清晰，声音清楚，存储时长符合要求',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    'NVR': {
                        '要求': '各参数设置正确，录像清晰，声音清楚，存储时长符合要求',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '摄像机': {
                        '要求': '图像清晰、稳定、无干扰',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '云监控摄像机': {
                        '要求': '图像清晰、稳定、无干扰',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '交换机': {
                        '要求': '参数设置正确，各端口正常，电源正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '矩阵': {
                        '要求': '各参数设置正确，切换图像，控制云台，报警联动等功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '电脑主机': {
                        '要求': '运行稳定，流畅',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '光端机': {
                        '要求': '各端口正常，电源正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '光纤收发器': {
                        '要求': '指示灯正常，电源正常，网络速度正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    'UPS': {
                        '要求': '充放电检测，蓄电池电压检测，蓄电池连接线和端子检测',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    '系统调试': {
                        '要求': '检查移动侦测、人脸侦测、视频联动、智能检索等功能是否正常',
                        '有无此系统': '无',
                        '结果': ''
                    },

                },
                '报警系统': {
                    fileList: [],
                    "报警主机": {
                        '要求': '各参数设置正确，可正常布撤防，报警联动正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "室内红外探测器": {
                        '要求': '探测范围和灵敏度符合现场防盗要求',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "红外对射探测器": {
                        '要求': '安装牢固，无遮挡，检测发射和接收端是否对准',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "电子围栏主机": {
                        '要求': '联动功能是否正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "电子围栏前端": {
                        '要求': '支架牢固，探测线无断线，松驰现象，防雷接地良好',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "警号": {
                        '要求': '声音响亮，声响时长符合防盗要求',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "紧急按钮": {
                        '要求': '安装牢固，无破损，钥匙齐备',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "无线遥控器": {
                        '要求': '遥控功能正常，按键灵敏',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "系统调试": {
                        '要求': '布防报警系统，触发前端探测器，报警系统可正常报警和联动',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '门禁系统': {
                    fileList: [],
                    "门禁主机": {
                        '要求': '各参数设置正确，各项功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "电锁": {
                        '要求': '安装牢固，吸合正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "读卡器": {
                        '要求': '安装牢固，感应IC卡或手机灵敏',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "门禁系统电脑": {
                        '要求': '运行稳定，流畅',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '停车场系统': {
                    fileList: [],
                    "读卡机": {
                        '要求': '感应卡片灵敏，语音功能和显示功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "道闸机": {
                        '要求': '检查起落杆有无抖动，传动部分是否磨损，限位是否准确',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "车牌识别摄像机": {
                        '要求': '车牌是否正常识别',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "车牌识别系统显示器": {
                        '要求': '可清晰显示车牌号和收费金额',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "车牌识别系统电脑主机": {
                        '要求': '车牌识别系统电脑主机',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '电子巡更系统': {
                    fileList: [],
                    "巡更点": {
                        '要求': '安装牢固，感应灵敏',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "巡更器": {
                        '要求': '按键灵敏，数据接口正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '访客系统': {
                    fileList: [],
                    "电脑主机": {
                        '要求': '运行稳定、流畅',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "系统软件": {
                        '要求': '各项功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "身份证读卡器": {
                        '要求': '读卡速度快，读身份证信息准确',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '消费系统': {
                    fileList: [],
                    "消费刷卡机": {
                        '要求': '计费功能正常，联网正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "消费充值机": {
                        '要求': '读卡正常，联网正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "消费系统服务器": {
                        '要求': '运行稳定',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "消费系统软件": {
                        '要求': '各项功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                },
                '人脸识别系统': {
                    fileList: [],
                    "人脸识别机": {
                        '要求': '人脸识别功能正常，联动门禁系统正常，联网正常',
                        '有无此系统': '无',
                        '结果': ''
                    },
                    "人脸识别系统软件": {
                        '要求': '各项功能正常',
                        '有无此系统': '无',
                        '结果': ''
                    },

                },

            },

        }
    },

    // 组件方法
    methods: {

        getFilds(obj) {
            let arr = Object.keys(obj)
            var index = arr.indexOf('fileList');
            if (index !== -1) {
                arr.splice(index, 1);
            }
            return arr
        },
        scroll(e) {
            //console.log(e.detail.scrollTop)
        },
        fileChange(val, key = '') {
            this.form[key].fileList = val
        },
        canUseChange(val, key1, key2) {
            console.log(val, key1, key2)
            if (val == '无') {
                this.form[key1][key2]['结果'] = ''
            }
            this.form[key1][key2]['有无此系统'] = val
        }

    },

    watch: {
        form: {
            handler(val) {
                this.$emit('getForm', val)
            },
            deep: true,
            immediate: true
        },
        defaultValue: {
            handler(val) {
                this.form = val
            },
        }
    }
}
</script> 

<style scoped lang="scss" src="./assets/index.scss"></style>
